html body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: #2e2e2e;
  letter-spacing: normal !important;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Ubuntu, Cantarell,
    'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

.auto_center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.el-select-dropdown__item {
  font-family: 'Poppins';
}

/* @font-face {
  font-family: "iconfont";
  src: url("../assets/fonts/iconfont.ttf") format("ttf"),
    url("../assets/fonts/iconfont.woff") format("woff"),
    url("../assets/fonts/iconfont.woff2") format("woff2");
} */

.el-icon-arrow-up:before {
  content: '\e78f' !important;
  color: #445469;
  font-size: 18px;
}

.el-date-picker .el-date-picker__header-label {
  text-decoration: underline;
}

.iconfont {
  width: auto;
  height: auto;
  vertical-align: -0.45em;
  fill: currentColor;
  overflow: hidden;
  /* margin-right: 10px; */
}

.iconfont.flag {
  width: 1.5em;
  height: 1.5em;
}

a {
  text-decoration: none;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* common */
.container {
  max-width: 990px;
  margin: auto;
  padding: 20px 30px;
  text-align: left;
}
.bread-nav {
  margin-bottom: 30px;
}
hr {
  margin: 24px 0;
  border-top: 1px solid #e1e1e1;
}
.text-right {
  text-align: right;
}
ul {
  list-style: none;
}
.search-box {
  padding: 20px;
  border: 1px solid #ebeef5;
  margin-bottom: 23px;
}
.search-box .box-top {
  line-height: 32px;
}
.search-box .box-top .top-left {
  display: inline-block;
}
.search-box .box-top .top-right {
  float: right;
}
.search-box .box-content {
  margin-top: 15px;
}
.search-box .box-content .form .el-input {
  width: 203px;
}
.course-tree .el-tree .el-tree-node__content {
  height: 60px !important;
}
.course-tree input {
  border: none;
  font-size: 16px;
  font-weight: bold;
  background-color: transparent;
}

/* md全局样式 */

.v-modal {
  opacity: 0.3 !important;
}

.md-field {
  margin-bottom: 15px;
}

.md-menu-content.md-select-menu {
  z-index: 9999 !important;
  max-height: 256px;
}

.el-message-box.gg_confirm {
  border-radius: 8px;
  padding: 20px 16px 16px 24px;
  width: 560px;
  border: none;
}

.gg_confirm > .el-message-box__header {
  padding: 0;
  color: #202124;
  font-size: 16px;
  font-family: OpenSans;
  font-weight: 600;
}

.gg_confirm > .el-message-box__header > .el-message-box__title {
  font-size: 16px;
  color: #202124;
}

.gg_confirm > .el-message-box__content {
  padding: 0;
  padding-top: 27px;
  padding-bottom: 45px;
  font-size: 14px;
  font-family: Roboto;
  font-weight: 400;
  color: rgba(32, 33, 36, 1);
}

.gg_confirm > .el-message-box__btns {
  padding: 0;
}

/* dialog button 样式和table样式有区别 */
.gg_confirm .el-button.gg_submit_button,
.gg_confirm .el-button.gg_submit_button:focus,
.gg_dialog .el-button.gg_submit_button,
.gg_dialog .el-button.gg_submit_button:focus {
  color: #1a73e8;
  font-size: 13px;
  font-family: OpenSans-Bold;
  border-radius: 4px;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  background: transparent;
  border: none;
}

.gg_confirm .el-button.gg_submit_button:hover,
.gg_dialog .el-button.gg_submit_button:hover {
  background: #f6fafe 0% 0% no-repeat padding-box;
  color: #174ea6;
}

.gg_confirm .el-button.gg_submit_button.is-disabled,
.gg_confirm .el-button.gg_submit_button.is-disabled:hover,
.gg_confirm .el-button.gg_submit_button.is-disabled:focus,
.gg_dialog .el-button.gg_submit_button.is-disabled,
.gg_dialog .el-button.gg_submit_button.is-disabled:hover,
.gg_dialog .el-button.gg_submit_button.is-disabled:focus {
  background: transparent;
  color: #b4b4b4;
}

.gg_confirm .el-button.gg_cancel_button,
.gg_confirm .el-button.gg_cancel_button:focus,
.gg_dialog .el-button.gg_cancel_button,
.gg_dialog .el-button.gg_cancel_button:focus {
  color: #5f6368;
  font-family: OpenSans-Bold;
  font-size: 13px;
  border-radius: 4px;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  background: transparent;
  border: none;
}

.gg_confirm .el-button.gg_cancel_button:hover,
.gg_dialog .el-button.gg_cancel_button:hover {
  background: #eeeeee;
}

.gg_confirm .el-button.gg_cancel_button.is-disabled,
.gg_confirm .el-button.gg_cancel_button.is-disabled:hover,
.gg_confirm .el-button.gg_cancel_button.is-disabled:focus,
.gg_dialog .el-button.gg_cancel_button.is-disabled,
.gg_dialog .el-button.gg_cancel_button.is-disabled:hover,
.gg_dialog .el-button.gg_cancel_button.is-disabled:focus {
  background: transparent;
  color: #b4b4b4;
}

.edoovo-table-cell-action .edoovo-table-cell-inner .el-button.gg_submit_button,
.edoovo-table-cell-action .edoovo-table-cell-inner .el-button.gg_submit_button:focus {
  color: #1a73e8;
  font-size: 14px;
  font-family: Roboto;
  font-weight: 400;
  border-radius: 2px;
  height: 36px;
  line-height: 36px;
  padding: 0 8px;
  background: transparent;
  border: none;
}

.edoovo-table-cell-action .edoovo-table-cell-inner .el-button.gg_submit_button:hover {
  background: #d5dced;
}

.edoovo-table-cell-action .edoovo-table-cell-inner .el-button.gg_submit_button.is-disabled,
.edoovo-table-cell-action .edoovo-table-cell-inner .el-button.gg_submit_button.is-disabled:hover,
.edoovo-table-cell-action .edoovo-table-cell-inner .el-button.gg_submit_button.is-disabled:focus {
  color: #b4b4b4;
  background: transparent;
}

.md-snackbar.md-theme-default.gg_snackbar {
  padding: 0 16px;
  width: 320px;
  height: 48px;
  font-size: 14px;
  font-family: Roboto;
  font-weight: 400;
  line-height: 48px;
  color: rgba(224, 224, 224, 1);
  z-index: 30000;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 8px;
}

*::-webkit-scrollbar-button {
  display: none;
}

*::-webkit-scrollbar-corner,
*::-webkit-scrollbar-track {
  background: #eee;
}

*::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #bdbdbd;
}
*::-webkit-scrollbar-thumb:hover {
  background: #757577;
}

.sidebar-link {
  color: #202124 !important;
  font-family: Roboto;
}
.sidebar-link.active {
  color: #3eaf7c !important;
  font-family: Roboto;
}

/* page公用margin 2020-11-28 */
.mar-l-b {
  padding-left: 8px;
  padding-bottom: 24px;
}
.mar-t-10{
  margin-top: 10px;
}
.mar-r-20{
  margin-right: 20px;
}
.mar-b-0 {
  margin-bottom: 0 !important;
}
.mar-t-0 {
  margin-top: 0 !important;
}
.mar-b-20 {
  margin-bottom: 20px !important;
}
/* breadcrumb */
.content.has_breadcrumb {
  position: relative;
}

.content.has_breadcrumb .edoovo-breadcrumb {
  position: absolute;
  top: 64px;
  width: 100%;
  line-height: 32px;
  border-bottom: 1px solid #e0e0e0;
  padding: 0 24px;
}


.has_breadcrumb .ggPage-main {
  padding-top: 57px !important;
}

a:not(.md-button):hover {
  text-decoration: none;
  color: rgba(68,138,255,.8) !important;
  color: var(--md-theme-default-primary-on-background,rgba(68,138,255,.8)) !important;
}

/* pageheader slot info */

.title-icon{
  margin-left: 20px;
  color: #5F6368;
  font-size: 24px;
  cursor: pointer;
}

.title-status{
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  font-family: Roboto;
  font-size: 14px;
  line-height: normal;
  color: #0B8043;
}

.account-info{
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  font-family: Roboto;
  font-size: 12px;
  line-height: normal;
  color:#B4B4B4;
}

.account-create{
  margin-right: 20px;
  font-size: 14px;
}

.account-editbtn{
  display: flex;
}

.editbtn-wrapper{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  color: #5F6368;
  font-size: 14px;
}

.editbtn-wrapper .iconfont{
  margin-right: 8px;
  font-size: 22px;
}

/* table img userName 对齐 */

.table-cell-box {
  color: #1a73e8;
  cursor: pointer;
}
.table-cell-img {
  display: inline-block !important;
  vertical-align: middle;
  margin-right: 16px;
}
.table-cell-name {
  vertical-align: middle;
  display: inline-block;
}

/* nopadding section */
.section-nopad .section-main {
  padding: 0 !important;
}

.location-select .gg_select .md-menu.md-select{
  display: flex;
  align-items: center;
  padding-left: 16px;
  padding-right: 8px;
  background: rgba(255, 255, 255, .2);
  border-radius: 4px;
}

.location-select .md-field{
  margin: 0;
  padding: 0;
}

.location-select .md-field .md-input, .location-select .md-field .md-textarea{
  height: 44px;
  line-height: 44px;
}

.location-select .md-field.md-theme-default.md-has-value .md-input{
  color: #fff;
  -webkit-text-fill-color:#fff;
  font-family: 'Open Sans';
  font-size: 20px;
}

.location-select .select-icon-arrow{
  display: flex;
  align-items: center;
  margin-top: 0 !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50%;
  background: rgba(255, 255, 255, .2);
}

.location-select .md-icon.md-theme-default.md-icon-image svg{
  fill: var(--md-theme-default-icon-on-background, #fff);
}

.location-select .md-field:after{
  height: 0;
}

.md-list.md-theme-default {
  border-radius: 4px;
 }
.md-list-item-content {
  padding: 6px 16px;
  height: 32px;
  min-height: 32px;
  font-size: 14px;
  font-family: Roboto;
}
.md-list.md-theme-default .md-selected .md-list-item-content{
  color: #202124;
  background: #eee;
}

.switch-txt{
  display: inline-block;
  margin-left: 20px;
  font-size: 12px;
  font-family: Roboto;
  color: #202124;
}

/* md-select */
.md-list-item-content>.md-checkbox:first-child, .md-list-item-content>.md-radio:first-child{
  margin-right: 10px;
}
.md-checkbox .md-checkbox-container{
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}
.md-checkbox .md-checkbox-container:after{
  top: -1px;
  left: 4px;
}

.title-label{
  display: flex;
  align-items: center;
  margin-left: 27px;
  padding: 0 8px;
  height: 20px;
  border-radius: 10px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  background: #E0E0E0;
  color: #202124;
  cursor: pointer;
}

.icon-view{
  margin-left: 8px;
  width: 12px;
  height: 12px;
}

.checkbox-indeterminate .el-checkbox.is-checked .el-checkbox__input.is-indeterminate.is-checked .el-checkbox__inner::before{
  border-color: #1a73e8 !important;
}